@import url("reset.css");
.clr { clear:both; padding:0; margin:0; background:none;}
a{text-decoration: none;}

body { margin:0; padding:0; width:100%; background: transparent url(../images/home_bg.gif); font: Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}

/*#main*/
#main{width:1016px; padding:0; margin:0px auto; background: #f5f5f5; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
#main #header { background: url(../images/header_bg.gif) left bottom no-repeat; width: 1016px; height: 163px; padding: 0px; margin:0;}
#main #header #banner{background: url(../images/banner.jpg) no-repeat top left; width: 1016px; height: 122px; margin: 0; padding: 0;}
#main #header #banner #search{float: right; margin: 20px 0 0 0; padding: 2px 3px 1px 2px;}
#main #header #banner #search .txtKeyword{border: 1px solid #d7d7d7;color: #666666;margin: 0 5px 0 0;padding: 5px;width: 202px; font-size: 12px;}
#main #header #banner #search .btnSearch{background: url(../images/btn_search.png) no-repeat; font: 13px Arial, Helvetica, sans-serif; color: #e5e5e5; margin: 10px 10px 0 0; padding: 5px 10px 15px 5px; border: none; cursor: pointer;}
#main #header #banner #logo{width: 108px; height: 66px; padding: 20px 0 0 45px; float: left}
#main #header #banner #company_name{float: left; margin: 0; padding: 25px 0 0  10px; width: 500px; height: auto; font: 24px "Times New Roman", Times, serif; font-weight: bold; color: #407e8e;}
#main #header #banner #company_name span{font: 13px Verdana, Geneva, sans-serif; font-weight: normal;}
#main #header #banner ul{float: right; margin: 0; padding: 0;}
#main #header #banner ul li{display: inline-block; padding: 6px 4px 0  4px; margin: 0; height: 24px;}
#main #header #banner ul label{ color: #b1b099; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
#main #header #banner ul li.current, #main #header #banner ul li:hover{background: url(../images/current_flag.png) no-repeat 0 0;}
#main #header #main_menu{background: url(../images/menu_bg.png) repeat-x top left; width: 1016px; height: 30px; position: relative;}
#main #header #main_menu #online_support{display: block; width: 155px; float: left;}
#main #header #main_menu #online_support .support{ background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #dedede;padding: 0 6px;position: absolute;left: 10px;top: 100%;width: 125px;z-index: 10000; display: none;}
#main #header #main_menu #online_support .support .yahoo_list li{margin: 0; padding: 0;}
#main #header #main_menu #online_support li:hover .support{display: block;}
#main #header #main_menu #online_support .support .yahoo_list li a{background: none; margin: 0; padding: 0; color: #007aba;}
#main #header #main_menu #online_support .support .yahoo_list li a:hover{text-decoration: underline;}
#main #header #main_menu #online_support .support .yahoo_list li a img{padding-right: 10px;}
#main #header #main_menu #online_support li{padding-left: 13px}
#main #header #main_menu #online_support li a{color: #cfcfcf; text-decoration: none; font: 13px Arial, Helvetica, sans-serif ; background:  url(../images/online_support.png) left 50% no-repeat; line-height: 30px; padding-left: 35px; height: 30px; display: block;}
#main #header #main_menu #main_navigation{display: block; float:left; margin-left: 0; width: 750px; padding-left: 35px;}
#main #header #main_menu #main_navigation li{display: inline-block; padding: 0 16px;}
#main #header #main_menu #main_navigation li.current{background: url(../images/current_bg.png) 50% bottom no-repeat;}
#main #header #main_menu #main_navigation li:hover{background: url(../images/current_bg.png) 50% bottom no-repeat;}
#main #header #main_menu #main_navigation li:hover ul li{visibility: visible;}
#main #header #main_menu #main_navigation li a{color: #cfcfcf; font: 13px Arial, Helvetica, sans-serif; line-height: 30px;}
#main #header #main_menu #main_navigation li ul{position: absolute; top: 100%; text-align: left; width: 175px; background: #013182; border-top: solid 1px #004c98; visibility: hidden}
#main #header #main_menu #main_navigation li ul li{display: list-item; border-bottom: solid 1px #004c98;background: #013182; }
#main #header #main_menu #main_navigation li ul li:hover{background: none #003ca0;}
#main #header #main_menu #main_navigation li ul li a{color: #cfcfcf; display: block; width: 100%; font: 12px Arial, Helvetica, sans-serif; padding: 5px 0}
#main #header #main_menu #main_navigation li ul li a:hover{text-decoration: underline;}
#main #content{width: 1016px;margin: 0 auto; padding: 0;}
#main #content .slide{width: 1000px; height: 217px; padding: 0 10px;}
#main #content .slide img{margin: 0; padding:0; border: none;}
#main #content .totop{width: 1000px; height: 24px; padding: 30px 0 0 0; border-bottom: solid 3px #dedede; margin-left: 10px; position: relative;}
#main #content .totop a.top{background:url(../images/top_bg.png); padding: 6px 4px 9px 16px; float: right; margin-right: 0px; position: absolute; bottom: 0px; right: 0px; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; color: #e0e0e0;}
#main #content .totop ul{width: 500px;}
#main #content .totop ul li{display: inline; color: #007aba; font-weight: normal; font: 12px Tahoma, Helvetica, sans-serif;}
#main #content .totop ul li.online{padding-left: 5px;}
#main #content .totop ul li strong{color: #007aba; font: 12px Tahoma; font-weight: bold;}
#main #content .totop ul li span{color: #cf910b; font: 12px Tahoma; font-weight: bold;}
#main #content .nav_right{width: 208px; float: right; padding:0 10px;}
#main #content .nav_left{width: 208px; float: left;padding: 0 10px;}
#main #content .nav_left .left_item, #main #content .nav_right .right_item{width: 202px; border: solid 3px #dedede; margin-bottom: 5px; overflow: hidden;}
#main #content .nav_left .left_item h4, #main #content .nav_right .right_item h4{background: url(../images/head_bg.png) no-repeat; width: 202px; height: 38px; color: #e5e5e5; font: 14px Arial, Helvetica, sans-serif; line-height: 30px; padding-left: 30px;}
#main #content .nav_left .left_item .customer, #main #content .nav_right .right_item .news, #main #content .nav_right .right_item .advertise{margin: 0; padding: 5px 3px 0 3px;}
#main #content .nav_left .left_item .customer li, #main #content .nav_right .right_item .news li, #main #content .nav_right .right_item .advertise li{padding-bottom: 12px;}
#main #content .nav_left .left_item .customer img, #main #content .nav_right .right_item .news img, #main #content .nav_right .right_item .advertise img{border: solid 1px #b8b8b8;}
#main #content .nav_right .right_item .news a.view{color: #007aba; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; display: block; width: 193px; text-align: center; padding: 5px 0 3px 0;}
#main #content .nav_right .right_item .news a:hover{text-decoration: underline;}
#main #content .nav_right .right_item .news{height: 215px; overflow: hidden;}
/*left menu*/
#main #content .nav_left .left_item .left_navigation li{background: url(../images/icon.gif) no-repeat 10px 10px; width: 202px;}
#main #content .nav_left .left_item .left_navigation li a{color: #007aba; display: block; padding: 5px 2px 3px 28px; font-weight: bold;}
#main #content .nav_left .left_item .left_navigation li:hover a{color: #f99800;}
#main #content .nav_left .left_item .left_navigation li:hover ul li a{color: #007aba;}
#main #content .nav_left .left_item .left_navigation li ul{padding-left: 15px;}
#main #content .nav_left .left_item .left_navigation li ul li{background: url(../images/sub_icon.gif) no-repeat 5px 10px; width: 185px;}
#main #content .nav_left .left_item .left_navigation li ul li a{display: block; padding: 4px 0px 4px 22px; font-weight: normal;}
#main #content .nav_center{width: 560px; margin: 0; padding: 0; float: left; overflow: hidden;}
#main #content .nav_left .left_item .left_navigation li ul li:hover a{color: #f99800; text-decoration: underline;}
#main #content .nav_center h3{background: url(../images/top_product_bg.png) no-repeat; color: #e5e5e5; font: 14px Arial, Helvetica, sans-serif; padding: 10px 0px 0px 35px; height: 33px; z-index: 1000; position: relative;}
#main #content .nav_center .details{background: #dcddde url(../images/product_bg.gif) right bottom no-repeat; width: 560px; height: auto; margin: -9px 0 0 0 ; padding: 0 0 60px 7px; z-index: 100;}
#main #content .nav_center .details h4{font: 14px Arial, Helvetica, sans-serif; color: #4b8391; padding: 15px 0 10px 0; width: 544px;}
#main #content .nav_center .details h4.beer{border-top: solid 1px #f5f5f5}
#main #content .nav_center .details ul{margin: 0; padding: 0;}
#main #content .nav_center .details ul li{width: 176px; height: auto; padding: 0 4px 15px 0; display: inline-block; vertical-align: top;}
#main #content .nav_center .details ul li img{margin: 0; padding: 0; border: solid 1px #f5f5f5;}
#main #content .nav_center .details ul li a{color:#5a9eaf; font: 14px Arial, Helvetica, sans-serif; display: block; width: 100%; padding: 15px 0 0  0; margin:0; text-align: center; line-height: 16px;}
#main #content .nav_center .details ul li a:hover{text-decoration: underline;}
/*Footer*/
#main #footer{width: 996px; height: 83px; background: url(../images/footer_bg.png) repeat-x; margin: 0; padding: 10px 10px 0 10px; color: #424242;}
#main #footer ul{width: 500px; float: left;}
#main #footer ul li{font: 12px "Times New Roman", Times, serif; color:#a3a06a; font-weight: bold;}
#main #footer ul li.copyright{font-size: 15px; color:#8c894f;}
#main #footer ul li span{font-style: italic; font-weight: normal;}
#main #footer .vietsilver{width: 167px; height: 73px; float: right; margin-right: 0; padding: 10px 0 0 0;}